<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>悠U</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <!-- 引入外部的css样式 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/animate.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/font-awesome.css?v=4.4.0" type="text/css">
    <link href="../../plugins/bootstrap/css/style.css?v=4.1.0" rel="stylesheet" type="text/css">
    <!-- 引用自己写的css样式 -->
    <link href="../../css/index/index.css" rel="stylesheet" type="text/css">

    <!-- 滚动显示相关游记 -->
    <link rel="stylesheet" href="../../css/note/jq22.css" type="text/css" />
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <!-- <script src="../../js/note/jquery-latest.pack.js" type="text/javascript"></script> -->

    <!-- 评论 -->
    <link rel="stylesheet" href="../../css/note/comment/comment.css">
    <link rel="stylesheet" href="../../css/note/comment/style.css">


    <style>
        #author-headerImg {
            width: 120px;
            height: 120px;
            padding: 0px;
        }

        #author-crown {
            width: 28px;
            height: 28px;
            padding: 0px;
        }

        .per_name {
            color: #ff7200;
            font-size: 14px;
            font-weight: normal;
        }

        .btn_sfollow {
            width: 28px;
            height: 13px;
            padding: 0px;
        }

        .context p {
            font-size: 15px;
            color: black;
        }

        .dir_list ul li {
            font-size: 16px;
            background: url(../../imgs/note/sprite1.png) no-repeat;
            cursor: pointer;
        }

        .dir_list ul li.time {
            background-position: -22px 0;
        }

        .dir_list ul li.day {
            background-position: -22px -22px;
        }

        .dir_list ul li.people {
            background-position: -22px -44px;
        }

        .dir_list ul li.cost {
            background-position: -22px -66px;
        }

        .dir_list ul li span {
            color: #ff7200;
        }

        /* 侧导航 */
        #sideul li {
            list-style: none;
            color: black;
            width: 100%;
            height: 1.8em;
            font-size: 1.5em;
            text-align: center;
        }

        a {
            text-decoration: none;
        }

        .ce-nav {
            position: fixed;
            top: 600px;
            right: 100px;
        }

        /* 文章详情 */

        .note_word {
            font-size: 14px;
            margin-top: 15px;
            line-height: 24px;
        }

        #author-headerImg {
            width: 120px;
            height: 120px;
            padding: 0px;
        }

        #author-crown {
            width: 28px;
            height: 28px;
            padding: 0px;
        }

        .MAvaName {
            font-size: 22px;
            line-height: 24px;
            margin-top: 16px;
        }

        .MAvaName i {
            vertical-align: middle;
            margin-left: 7px;
            display: inline-block;
            position: relative;
            top: -2px;
        }

        .MGenderFemale {
            background-position: -195px -210px;
        }

        .MGenderMale,
        .MGenderFemale {
            background-image: url(../../imgs/travler/twice_ico_sprite_v9.png);
            background-size: 220px;
        }

        .MGenderFemale {
            width: 20px;
            height: 20px;
        }

        .buttons {
            background-color: #ffa800;
            /* Green */
            border: none;
            color: white;
            padding: 0px 14px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 6px;
        }

        .button1 {
            background-color: #ffa800;
            color: whitesmoke;
            border: 2px solid #ffa800;
        }

        .MUsersTitle {
            font-size: 16px;
            color: #444;
        }

        #visiter {
            width: 48px;
            height: 48px;
            padding: 0px;
        }


        .biaoqian {
            font-size: 10px;
            overflow: hidden;
            width: 90%;
            margin: 0 auto
        }

        .biaoqian div {
            width: 70px;
            border: 1px solid #999999;
            border-radius: 15px;
            float: left;
            margin-left: 10px;
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <div class="container-fluid" id="head" style="margin-bottom: 0px;">
        <div class="row">

            <nav class="navbar" role="navigation"
                style="background-color: rgb(206, 228, 247);padding-left: 100px;margin-bottom: 0px">
                <div class="container-fluid">
                    <div>
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" style="background-color: royalblue">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="index.html"> <img src="../../imgs/index/logo.jpg" alt="失败" id="logo"
                                class="img-circle navbar-brand"></a>
                        <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                            <span data-toggle="tooltip" title="悠 U 新方式">
                                悠&nbsp;U</span></a>
                    </div>

                    <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                        <ul class="nav navbar-nav ">
                            <li><a href="index.html">
                                    <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>

                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    游记<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-user"
                                                style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                            &nbsp;达人
                                            <span class="badge pull-center" style="background-color: red">hot</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-edit"></span>
                                            写游记
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">赚钻石</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-flag"></span>
                                            游记主页</a></li><br>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    景点<b class="caret"></b>
                                    <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><span class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">NEW</span>
                                        </a></li><br>
                                    <li><a href="#"><span class="glyphicon glyphicon-plane">&nbsp;精品行程</span></a></li>
                                    <br>
                                    <li><a href="#"><span class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">
                                    <span data-toggle="tooltip" title="导&nbsp;游">导游</span>
                                    <!-- <span class="badge pull-center"
                                        style="color: red;font-size:1px">hot</span> -->
                                </a>
                            </li>

                        </ul>

                        <!-- <div style="padding-top:15px" class="">
                                <input type="text" placeholder="用户/游戏/动态" style=" height:20px">
                                
                            </div> -->


                        <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">

                            <li class="dropdown">
                            <li> <a></a></li>
                            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"
                                    style="font-family: 楷体;padding-left: 0px">
                                    我的悠 U &nbsp;<img id="headerImg" src="../../imgs/index/head.jpg"
                                        class="img-circle"><b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="#">我的导游</a>
                                    </li>
                                    <li>
                                        <a href="#">我的钱包</a>
                                    </li>

                                    <li>
                                        <a href="#">我的游记</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li> <a href="#">互动信息</a> </li>
                                    <li> <a href="#">我的账号</a> </li>
                                    <li> <a href="#">退出</a> </li>

                                </ul>
                            </li>
                            <li><a href="#weibo" style="padding-left:2px;padding-right: 2px"><i
                                        class="fa fa-weibo"></i></a></li>
                            <li><a href="#weixin" style="padding-left:2px;padding-right: 2px"><i
                                        class="fa fa-weixin"></i> </a></li>
                            <li><a href="#weixin" style="padding-left:2px;padding-right: 2px"> <i
                                        class="fa fa-qq"></i></a></li>
                            <li><a href="" style="padding-left:10px;padding-right: 10px">登录</li> </a>
                            <li><a href="" style="padding-left:10px;padding-right: 10px">注册</li> </a>



                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>

    <!-- 主图片 begin -->
    <div class="container-fluid">
        <div class="row">
            <img src="../../imgs/travler/banner_note.gif" style="height: 202px;width: 100%">
        </div>
    </div>

    <!-- 主图片 end -->

    <!-- 主体 -start-->
    <div class="container-fluid">
        <div class="row" style="background-color:#efefef;">
            <div style="width: 100%;height: 58px;background-color: white;padding-left: 800px;padding-top:13px ">
                <h2 style="color: #ff7200"><b>corain君君的小窝窝啊</b></h2>
            </div>
            <div style="width:980px;margin:0 auto;">
                <div class="left"
                    style="width: 280px;height: 600px;background-color: white;float: left;margin-top: 3px;text-align: center">

                    <div style="height: 70px;">
                        <div style="position:relative;width: 120px;;height:120px;z-index:2;left:28%;top:-52px;">
                            <a href="#"><img id="author-headerImg" class="img-circle"
                                    src="../../imgs/travler/pic1.jpeg"></a>
                            <div style="position:absolute;width: 33px;;height:33px;z-index:2;left:74%;top:78%;">
                                <img id="author-crown" class="img-circle" src="../../imgs/note/crown.jpg">
                            </div>
                        </div>
                    </div>
                    <div class="MAvaName">corain君

                        <i class="MGenderFemale"></i>
                        <!-- 男 
                        background-position: -174px -210px;
                        -->
                        <!-- 女 
                            background-position: -195px -210px;
                        -->
                    </div>

                    <div style="margin-top: 20px;">
                        <div class="biaoqian">
                            <div>
                                摄影高手
                            </div>
                            <div>
                                美食达人
                            </div>
                            <div>
                                美女
                            </div>
                            <div>
                                帅哥
                            </div>
                        </div>
                    </div>

                    <div class="MAvaInfo clearfix;" style="margin-top:10px;">
                        <span class="MAvaPlace flt1" title="上海">现居：上海</span>
                        <button class="buttons button1">
                            <font size="4px"><b>+</b></font>&nbsp;关注
                        </button>
                    </div>

                    <!-- 个人简介 -->

                    <div class="MProfile" style="margin-top: 10px;">
                        <font size="3px" color="gray"><b>“</b></font>

                        <font size="3px">永远年轻，永远热泪盈眶</font>
                        <font size="3px" color="gray"><b>”</b></font>

                    </div>

                    <div style="height: 62px;margin-top: 10px;">

                        <div
                            style="width: 92px;height: 100%;;border-top: 2px solid #efefef;border-bottom: 2px solid #efefef;padding-top:8px;float: left;">
                            <a href="#关注列表" target="_blank">
                                <font size="4px" color="black"><b>119</b></font>
                            </a>
                            <p style="font-size: 14px;color: #999">关注</p>
                        </div>
                        <div
                            style="width: 92px;height: 100%;;border-left: 2px solid #efefef;border-top: 2px solid #efefef;border-bottom: 2px solid #efefef;padding-top:8px;float: left;">
                            <a href="#关注列表" target="_blank">
                                <font size="4px" color="black"><b>66666</b></font>
                            </a>
                            <p style="font-size: 14px;color: #999">粉丝</p>
                        </div>
                        <div
                            style="width: 92px;height: 100%;;border-left: 2px solid #efefef;border-top: 2px solid #efefef;border-bottom: 2px solid #efefef;padding-top:8px;float: left;">
                            <a href="#关注列表" target="_blank">
                                <font size="4px" color="black"><b>119</b></font>
                            </a>
                            <p style="font-size: 14px;color: #999">待定</p>
                        </div>

                    </div>

                    <div style="height: 190px;margin-top: 20px;border-top:1px solid #efefef;">
                        <div class="MUsersTitle" style="margin-bottom:20px;">最新访客</div>

                        <div class="xiangqing" style="width: 220px;margin-left: 20px; ">
                            <div class="col-md-3">
                                <a href="#本人详情"><img src="../../imgs/travler/travler1.jpg" id="visiter"
                                        class="img-circle"></a><br>
                                <a href="#关注列表" class="a" target="_blank">
                                    <font size="2px" color="#ff7200">moum</font>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="#本人详情"><img src="../../imgs/travler/travler2.jpg" id="visiter"
                                        class="img-circle"></a><br>
                                <a href="#关注列表" class="a" target="_blank">
                                    <font size="2px" color="#ff7200">moum</font>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="#本人详情"><img src="../../imgs/travler/travler5.jpg" id="visiter"
                                        class="img-circle"></a><br>
                                <a href="#关注列表" class="a" target="_blank">
                                    <font size="2px" color="#ff7200">moum</font>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="#本人详情"><img src="../../imgs/travler/travler4.jpg" id="visiter"
                                        class="img-circle"></a><br>
                                <a href="#关注列表" class="a" target="_blank">
                                    <font size="2px" color="#ff7200">moum</font>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="#本人详情"><img src="../../imgs/travler/travler1.jpg" id="visiter"
                                        class="img-circle"></a><br>
                                <a href="#关注列表" class="a" target="_blank">
                                    <font size="2px" color="#ff7200">moum</font>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="#本人详情"><img src="../../imgs/travler/travler2.jpg" id="visiter"
                                        class="img-circle"></a><br>
                                <a href="#关注列表" class="a" target="_blank">
                                    <font size="2px" color="#ff7200">moum</font>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="#本人详情"><img src="../../imgs/travler/travler5.jpg" id="visiter"
                                        class="img-circle"></a><br>
                                <a href="#关注列表" class="a" target="_blank">
                                    <font size="2px" color="#ff7200">moum</font>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a href="#本人详情"><img src="../../imgs/travler/travler4.jpg" id="visiter"
                                        class="img-circle"></a><br>
                                <a href="#关注列表" class="a" target="_blank">
                                    <font size="2px" color="#ff7200">moum</font>
                                </a>
                            </div>

                        </div>

                    </div>
                    <div
                        style="width:90%;height:25px;;margin-left: 20px;border-bottom: 1px solid #999;padding-bottom: 10px">
                        <font size="2.5px" color="#999">累计访问</font>
                        <font size="2px" color="#ff7200">386868</font>
                        &nbsp;&nbsp;&nbsp;<font size="2px" color="#999">今日</font>
                        <font size="2px" color="#ff7200">134</font>

                    </div>





                </div>


                <div class="right"
                    style="width: 680px;background-color: white;float: left;margin-left: 20px;margin-top: 20px;margin-bottom: 20px">
                    <!-- 顶部 -start -->
                    <div style="width: 100%;height:110px;">
                        <div style="width: 432px;margin: 0 auto;padding-top: 25px;">
                            <div style="text-align:center;margin:0 auto;;width: 143px;height: 60px;float: left;">
                                <font size="4px" color="black"><b>71</b></font>
                                <p style="font-size: 14px;color: #999">游记</p>
                            </div>
                            <div
                                style="text-align:center;margin:0 auto;border-left: 1px solid #cec4c4;width: 143px;height: 60px;float: left;">
                                <font size="4px" color="black"><b>34225</b></font>
                                <p style="font-size: 14px;color: #999">回复</p>
                            </div>
                            <div
                                style="text-align:center;margin:0 auto;border-left: 1px solid #cec4c4;width: 143px;height: 60px;float: left;">
                                <font size="4px" color="black"><b>6171008</b></font>
                                <p style="font-size: 14px;color: #999">阅读</p>
                            </div>
                        </div>
                    </div>
                    <!-- 顶部 -end-->

                    <!-- 文章 -start -->

                    <div>
                        <div style="margin-bottom: 45px;">
                            <img src="../../imgs/travler/note1.jpeg" style="height:400px;width:680px;">
                            <div style="margin-top:20px;">
                                <div style="margin:0 auto;width:620px;height: 60px;">
                                    <div class="note_info" style="float: left;height: 60px;width:502px;">
                                        <!-- height: 51px; -->
                                        <h3>
                                            <a href="#"><img src="../../imgs/travler/xj.png"
                                                    style="width: 62px;height:35px;"></a>
                                            <a href="#" style="color: #ff8a00" target="_blank"
                                                title="首尔背包轻奢游：在旅途，遇见小确幸！超多韩国旅行干货">首尔背包轻奢游：在旅途，遇见小确幸！超多韩国旅行干货</a>
                                        </h3>
                                        <div style="height: 22px; ">
                                            <img src="../../imgs/travler/liulan.png" style="width: 18px;height:16px;">
                                            <font size="2px" color="#999">66666</font>
                                            &nbsp;&nbsp;&nbsp;<font size="2px" color="#999">2019-09-17 22:27:01</font>
                                            <!-- &nbsp;&nbsp;&nbsp;<a href="#"><img src="../../imgs/travler/bianji.png"
                                                    style="width: 18px;height:16px;"></a> -->

                                            &nbsp;&nbsp;&nbsp;<a href="#" class="btn btn-white btn-sm"
                                                style=" width:18px; height:16px; border:1px; position: relative;left:0px;top:-5px;"><i
                                                    class="fa fa-pencil"></i> 编辑 </a>


                                            &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#myModal"
                                                data-target="#myModal"><span class="glyphicon glyphicon-trash"
                                                    aria-hidden="true"></span></a>

                                            <!-- 模态框（Modal） -->
                                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                                                aria-labelledby="myModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                aria-hidden="true">&times;</button>
                                                            <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
                                                        </div>
                                                        <div class="modal-body">在这里添加一些文本</div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default"
                                                                data-dismiss="modal">关闭</button>
                                                            <button type="button" class="btn btn-primary">提交更改</button>
                                                        </div>
                                                    </div><!-- /.modal-content -->
                                                </div><!-- /.modal -->
                                            </div>

                                        </div>

                                    </div>
                                    <div style="float: right;">
                                        <font size="2px" color="#999"><b>66666</b></font>
                                        <img src="../../imgs/note/fabulous.gif" style="height: 37px;width: 37px">
                                    </div>

                                </div>

                                <div class="note_word" style="width: 620px;height:72px;margin: 0 auto;">
                                    去过无数次日本，几乎整本护照都是日本的签证。但是始终有个我特别爱的地方就是日本的日光市。
                                    这个宁静美丽又让人流连忘返的地方，足以让人来第二次。这一次，我又增加了新的茨木市行程元素在里面。
                                    结果果然没有让人失望，秋天的枥木市和茨木市太美。一片...

                                </div>


                            </div>


                        </div>



                        <div style="margin-bottom: 45px;">
                            <img src="../../imgs/travler/note3.jpg" style="height:400px;width:680px;">
                            <div style="margin-top:20px;">
                                <div style="margin:0 auto;width:620px;height: 60px;">
                                    <div class="note_info" style="float: left;height: 60px;width:502px;">
                                        <!-- height: 51px; -->
                                        <h3>
                                            <a href="#"><img src="../../imgs/travler/xj.png"
                                                    style="width: 62px;height:35px;"></a>
                                            <a href="#" style="color: #ff8a00" target="_blank"
                                                title="首尔背包轻奢游：在旅途，遇见小确幸！超多韩国旅行干货">首尔背包轻奢游：在旅途，遇见小确幸！超多韩国旅行干货</a>
                                        </h3>
                                        <div style="height: 22px;">
                                            <img src="../../imgs/travler/liulan.png" style="width: 18px;height:16px;">
                                            <font size="2px" color="#999">66666</font>
                                            &nbsp;&nbsp;&nbsp;<font size="2px" color="#999">2019-09-17 22:27:01</font>
                                            <!-- &nbsp;&nbsp;&nbsp;<a href="#"><img src="../../imgs/travler/bianji.png"
                                                            style="width: 18px;height:16px;"></a> -->

                                            &nbsp;&nbsp;&nbsp;<a href="#" class="btn btn-white btn-sm"
                                                style=" width:18px; height:16px; border:1px; position: relative;left:0px;top:-5px;"><i
                                                    class="fa fa-pencil"></i> 编辑 </a>


                                            &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#myModal"
                                                data-target="#myModal"><span class="glyphicon glyphicon-trash"
                                                    aria-hidden="true"></span></a>

                                            <!-- 模态框（Modal） -->
                                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                                                aria-labelledby="myModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                aria-hidden="true">&times;</button>
                                                            <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
                                                        </div>
                                                        <div class="modal-body">在这里添加一些文本</div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default"
                                                                data-dismiss="modal">关闭</button>
                                                            <button type="button" class="btn btn-primary">提交更改</button>
                                                        </div>
                                                    </div><!-- /.modal-content -->
                                                </div><!-- /.modal -->
                                            </div>

                                        </div>

                                    </div>
                                    <div style="float: right;">
                                        <font size="2px" color="#999"><b>66666</b></font>
                                        <img src="../../imgs/note/fabulous.gif" style="height: 37px;width: 37px">
                                    </div>

                                </div>

                                <div class="note_word" style="width: 620px;height:72px;margin: 0 auto">
                                    去过无数次日本，几乎整本护照都是日本的签证。但是始终有个我特别爱的地方就是日本的日光市。
                                    这个宁静美丽又让人流连忘返的地方，足以让人来第二次。这一次，我又增加了新的茨木市行程元素在里面。
                                    结果果然没有让人失望，秋天的枥木市和茨木市太美。一片...

                                </div>


                            </div>


                        </div>
                        <div style="margin-bottom: 45px;">
                            <img src="../../imgs/travler/note4.jpeg" style="height:400px;width:680px;">
                            <div style="margin-top:20px;">
                                <div style="margin:0 auto;width:620px;height: 60px;">
                                    <div class="note_info" style="float: left;height: 60px;width:502px;">
                                        <!-- height: 51px; -->
                                        <h3>
                                            <a href="#"><img src="../../imgs/travler/xj.png"
                                                    style="width: 62px;height:35px;"></a>
                                            <a href="#" style="color: #ff8a00" target="_blank"
                                                title="首尔背包轻奢游：在旅途，遇见小确幸！超多韩国旅行干货">首尔背包轻奢游：在旅途，遇见小确幸！超多韩国旅行干货</a>
                                        </h3>
                                        <div style="height: 22px;">
                                            <img src="../../imgs/travler/liulan.png" style="width: 18px;height:16px;">
                                            <font size="2px" color="#999">66666</font>
                                            &nbsp;&nbsp;&nbsp;<font size="2px" color="#999">2019-09-17 22:27:01</font>
                                            <!-- &nbsp;&nbsp;&nbsp;<a href="#"><img src="../../imgs/travler/bianji.png"
                                                                style="width: 18px;height:16px;"></a> -->

                                            &nbsp;&nbsp;&nbsp;<a href="#" class="btn btn-white btn-sm"
                                                style=" width:18px; height:16px; border:1px; position: relative;left:0px;top:-5px;"><i
                                                    class="fa fa-pencil"></i> 编辑 </a>


                                            &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#myModal"
                                                data-target="#myModal"><span class="glyphicon glyphicon-trash"
                                                    aria-hidden="true"></span></a>

                                            <!-- 模态框（Modal） -->
                                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                                                aria-labelledby="myModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                aria-hidden="true">&times;</button>
                                                            <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
                                                        </div>
                                                        <div class="modal-body">在这里添加一些文本</div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default"
                                                                data-dismiss="modal">关闭</button>
                                                            <button type="button" class="btn btn-primary">提交更改</button>
                                                        </div>
                                                    </div><!-- /.modal-content -->
                                                </div><!-- /.modal -->
                                            </div>

                                        </div>

                                    </div>
                                    <div style="float: right;">
                                        <font size="2px" color="#999"><b>66666</b></font>
                                        <img src="../../imgs/note/fabulous.gif" style="height: 37px;width: 37px">
                                    </div>

                                </div>

                                <div class="note_word" style="width: 620px;height:72px;margin: 0 auto">
                                    去过无数次日本，几乎整本护照都是日本的签证。但是始终有个我特别爱的地方就是日本的日光市。
                                    这个宁静美丽又让人流连忘返的地方，足以让人来第二次。这一次，我又增加了新的茨木市行程元素在里面。
                                    结果果然没有让人失望，秋天的枥木市和茨木市太美。一片...

                                </div>


                            </div>


                        </div>
                        <div style="margin-bottom: 45px;">
                            <img src="../../imgs/travler/note4.jpeg" style="height:400px;width:680px;">
                            <div style="margin-top:20px;">
                                <div style="margin:0 auto;width:620px;height: 60px;">
                                    <div class="note_info" style="float: left;height: 60px;width:502px;">
                                        <!-- height: 51px; -->
                                        <h3>
                                            <a href="#"><img src="../../imgs/travler/xj.png"
                                                    style="width: 62px;height:35px;"></a>
                                            <a href="#" style="color: #ff8a00" target="_blank"
                                                title="首尔背包轻奢游：在旅途，遇见小确幸！超多韩国旅行干货">首尔背包轻奢游：在旅途，遇见小确幸！超多韩国旅行干货</a>
                                        </h3>
                                        <div style="height: 22px;">
                                            <img src="../../imgs/travler/liulan.png" style="width: 18px;height:16px;">
                                            <font size="2px" color="#999">66666</font>
                                            &nbsp;&nbsp;&nbsp;<font size="2px" color="#999">2019-09-17 22:27:01</font>
                                            <!-- &nbsp;&nbsp;&nbsp;<a href="#"><img src="../../imgs/travler/bianji.png"
                                                                    style="width: 18px;height:16px;"></a> -->

                                            &nbsp;&nbsp;&nbsp;<a href="#" class="btn btn-white btn-sm"
                                                style=" width:18px; height:16px; border:1px; position: relative;left:0px;top:-5px;"><i
                                                    class="fa fa-pencil"></i> 编辑 </a>


                                            &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#myModal"
                                                data-target="#myModal"><span class="glyphicon glyphicon-trash"
                                                    aria-hidden="true"></span></a>

                                            <!-- 模态框（Modal） -->
                                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                                                aria-labelledby="myModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                aria-hidden="true">&times;</button>
                                                            <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
                                                        </div>
                                                        <div class="modal-body">在这里添加一些文本</div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default"
                                                                data-dismiss="modal">关闭</button>
                                                            <button type="button" class="btn btn-primary">提交更改</button>
                                                        </div>
                                                    </div><!-- /.modal-content -->
                                                </div><!-- /.modal -->
                                            </div>

                                        </div>

                                    </div>
                                    <div style="float: right;">
                                        <font size="2px" color="#999"><b>66666</b></font>
                                        <img src="../../imgs/note/fabulous.gif" style="height: 37px;width: 37px">
                                    </div>

                                </div>

                                <div class="note_word" style="width: 620px;height:72px;margin: 0 auto">
                                    去过无数次日本，几乎整本护照都是日本的签证。但是始终有个我特别爱的地方就是日本的日光市。
                                    这个宁静美丽又让人流连忘返的地方，足以让人来第二次。这一次，我又增加了新的茨木市行程元素在里面。
                                    结果果然没有让人失望，秋天的枥木市和茨木市太美。一片...

                                </div>


                            </div>


                        </div>

                        <div style="margin-bottom: 45px;">
                                <img src="../../imgs/travler/noyj_v2.jpg" style="height:400px;width:680px;">
                                
    
    
                            </div>

                        <!-- 翻页 -->
                        <div style="position:relative;width:100%;height:50px;z-index:2;left:60%;bottom:10px;">
                            <ul class="pagination pagination-lg">
                                <li><a href="#">&laquo;</a></li>
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">&raquo;</a></li>
                            </ul>
                        </div>



                    </div>

                    <!-- 文章 -end -->



                </div>
            </div>


        </div>

    </div>



    <!-- 主体 -end-->





    <!-- 底部导航 begin -->
    <div class="container-fluid" style="margin-top:20px; ">
        <div class="row">
            <nav class="navbar navbar-inverse fixed-bottom" role="navigation">
                <div class="container-fluid" style="font-size: 13px">
                    <div class="row">
                        <ul class="nav navbar-nav">
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 150px"
                                    class="col-md-4">
                                    <h4>悠&nbsp;U旅行</h4>
                                    <p>悠&nbsp;U是一个新方式的<span style="color: bisque"> "旅行交友"</span> 的网站,<br>
                                        旨在帮助旅行者计划和结伴游玩,<br>
                                        可以提供业余的引路人带给旅行者更好的 <span style="color: bisque"> "游玩体验"</span><br>
                                        提供一定的旅行日记,打造 <span style="color: bisque">"新方式旅行交友"</span><br>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 0px"
                                    class="col-md-12">
                                    <h4>关于我们</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>关于悠 U</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们</li><br>
                                        <li>服务协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游记协议</li><br>
                                        <li>达人协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私政策</li><br>
                                        <li>网络信息侵权通知指引</li><br>
                                        <li>网站地图</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商业合作</li><br>
                                        <li style="color: bisque">&nbsp;&nbsp;&nbsp;加入我们</li>

                                    </ul>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px"
                                    class="col-md-12">
                                    <h4>帮助中心</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>新手上路</li><br>
                                        <li style="color: bisque">意见反馈</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;常见问题</li><br>
                                        <li style="color: bisque">帮助中心</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;旅行工具</li><br>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <br><br>
                    <hr>
                    <div style="color: rgb(177, 177, 177);margin-top: 20px;margin-left: 150px;font-size: 12px">
                        <div style="float: left;"><img src="../../imgs/index/logo.jpg" width="60px" height="40px"
                                style="opacity: 0.7;border-radius: 80px;">
                        </div>
                        <div style="float: left;margin: 10px 5px;font-family: '楷体';font-size:18px">悠 U</div>
                        <div style="float: left;;margin-top: 10px;margin-left: 30px">© 2019 悠U
                            版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可&nbsp;&nbsp;&nbsp;营业执照</div>
                        <div style="clear: both;margin-left: 130px;margin-bottom: 20px">悠U不是旅行社,也不是代理商,我们只提供一些免费、客观、公正
                            、计费的攻略指南,以及一些业余的引路人
                            对外部网站概不负责</div>

                    </div>
                </div>
                <div
                    style="float: right;width: 40px;height: 50px;margin-right: 10px;background-color: aliceblue;text-align: center">
                    <a href="#top" style="color: rgb(177, 177, 177)"><br>Top&nbsp;↑</a>
                </div>
            </nav>

        </div>
    </div>

    <!-- 底部导航 end -->

    <!-- 评论 -->

    <script type="text/javascript" src="../../js/note/comment/jquery-1.12.0.min.js"></script>
    <script type="text/javascript" src="../../js/note/comment/jquery.flexText.js"></script>

    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>

    <!-- 自定义js -->
    <script src="../../js/content.js?v=1.0.0"></script>
    <script src="../../js/index/lunbo.js"></script>


</body>

</html>